<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body{background: #222;font-family: "微软雅黑";}
			#battleground{width: 445px;height: 580px;background: url(img/img_bg_level_1.jpg) repeat-y;margin:auto;background-position: 0 0;position: absolute;top: 0px;left: 0;right: 0;bottom:0;z-index: 1;overflow: hidden;}
			#startBg{height: 580px;position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 3;}
			#gameOver{width: 445px;height: 580px;background: rgba(0,0,0,0.8);margin:auto;position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 2;display: none;overflow: hidden;}
			#data{width: 445px;height: 580px;margin:auto;position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 1;}
			#bgRed{width: 445px;height: 580px;margin:auto;position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 5;display: none;}
			#start:hover{cursor: pointer;}
			#scores{float: right;margin: 10px 10px 10px 10px;}
			#scores img{float: left;width: 20px;vertical-align:top;display: block;margin: 0; padding: 0; border: 0; }
			#data_middle img{float: right;width: 15px;vertical-align:top;display: block;margin: 0; padding: 0; border: 0; }
			#Pause{width: 445px;height: 52px;background: url(img/img_ui.png) no-repeat -584px -136px;float: right;position: absolute;display: none;}
			#data_top{width: 445px;overflow: hidden;}
			#data_middle{width: 445px;padding-right: 12px;padding-top: 10px; overflow: hidden;}
			#fScores{padding-left: 12px; overflow: hidden;float: left;width: 200px;}
			#maxImg{width: 100px;margin-top: 10px;margin-bottom: 10px;}
			#maxScores img{width: 15px;}
			#hint{color: #fff;}
			#overTit{text-align: center;width: 512px;margin: 150px auto 0;}
			#overTit img{width: 300px;margin: 106px;}
			#overImg {width: 445px;text-align: center;margin: 50px auto 0;}
			#overImg img{height: 50px;}
			#overTitImg_0{display: none;}
			#overTitImg_1{display: none;}
			#restart{width: 173px;margin: 80px auto;}
			#restart:hover{cursor: pointer;}
			    #consoleGame{margin: 0px auto;display:block;}
			#login{margin: 500px 0 0 145px;}
			#userName{width: 160px;height: 28px;margin-bottom: 5px;}
			#pWord{width: 160px;height: 28px;}
			#userScore{width: 150px;height: 25px;}
			#btn1{width: 80px;height: 30px;margin: 30px 0 0 10px;font: 16px "微软雅黑";}
			/* #consoleGame{width: 80px;height: 30px;margin: 30px 0 0 10px;font: 16px "微软雅黑";display: block;} */
			#noNameTit{color: red;}
			#loginTit{color: red;}
			#hpBox{float: left;}
			#myHP{width: 40px;float: left;margin: 10px 10px 0 0;}
			#myHpView{height: 10px;width: 100px;border: 2px solid #964a2c;float: left;margin-top: 12px;}
			#nowHp{height: 10px;width: 100px;background: #ec4f00;}
			#boss{position: absolute;top: 7px;left: 170px;display: none;}
			#bossTit{float: left;color: #fff;font-size: 20px;font-weight: bold;font-family: "宋体";}
			#bossHp{height: 10px;width: 120px;border: 2px solid #964a2c;float: left;margin-top: 5px;margin-left: 5px;}
			#bossNowHp{height: 10px;width: 120px;background: red;}
			#Billboard{width: 300px;height:500px; position: absolute;right: 20px;top: 0;bottom: 0;margin: auto; background: url(img/paihang.png) no-repeat center;}
			#bbList{width: 280px;margin: 160px 10px 0 10px;padding: 0;}
			#bbList li{list-style: none;width: 280px;margin-left: 10px;height: 30px;}
			.bb{color: #FE0000;float: left;font-weight: bold;margin-right: 10px;}
			.bName{float: left;display: block;width: 100px;overflow: hidden;margin-right: 10px;}
			.fen{float: right;margin-right: 20px;}
			.sScores{float: right;}
			.reg{font-size: 12px;}
			#nameReg{font-size: 12px;}
			#PassReg{font-size: 12px;}
		</style>
	</head>
	<body><audio style="display: none" loop="loop" autoplay='autoplay' controls="controls">
		  	<source src="audio/bgm_kaichangdonghua.mp3" type="audio/mpeg" />
			Your browser does not support the audio element.
		</audio>

		<div id="startBg">
			<div id="login">
			</div>
			<img id="consoleGame" src="img/start.png"/>
		</div>
		<div id="battleground">
		</div>
		<div id="data">
			<div id="data_top">
				<div id="Pause"></div>
				<div id="scores"></div>
				<div id="fScores">
					<div id="hpBox">
						<img id="myHP" src="img/hp_0.png"/>
						<div id="myHpView">
							<div id="nowHp"></div>
						</div>
					</div>
					<img id="maxImg" ><br />
					<div id="maxScores"></div>
				</div>
			</div>
			<div id="data_middle"></div>
			<div id="boss">
				<div id="bossTit">
					BOSS
				</div>
				<div id="bossHp">
					<div id="bossNowHp">

					</div>
				</div>
			</div>
		</div>
		<img id="bgRed" src="img/boooo.png"/>
		<div id="gameOver">
			<div id="overTit"><img id="overTitImg_0" /><img id="overTitImg_1" src="img/over_1.png"/></div>
			<div id="overImg"></div>
			<div id="restart">
				<img src="img/restart.png"/>
			</div>
		</div>
		<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/js-me.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
